<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Trizzy</title>

<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/colors/green.css" id="colors">
 
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body class="boxed">
<div id="wrapper">


<!-- Top Bar
================================================== -->
<div id="top-bar">
	<div class="container">

		<!-- Top Bar Menu -->
		<div class="ten columns">
			<ul class="top-bar-menu">
				<li><i class="fa fa-phone"></i> (564) 123 4567</li>
				<li><i class="fa fa-envelope"></i> <a href="portfolio-dynamic-grid.html#">mail@example.com</a></li>
				<li>
					<div class="top-bar-dropdown">
						<span>English</span>
						<ul class="options">
							<li><div class="arrow"></div></li>
							<li><a href="portfolio-dynamic-grid.html#">English</a></li>
							<li><a href="portfolio-dynamic-grid.html#">Polish</a></li>
							<li><a href="portfolio-dynamic-grid.html#">Deutsch</a></li>
						</ul>
					</div>
				</li>
				<li>
					<div class="top-bar-dropdown">
						<span>USD</span>
						<ul class="options">
							<li><div class="arrow"></div></li>
							<li><a href="portfolio-dynamic-grid.html#">USD</a></li>
							<li><a href="portfolio-dynamic-grid.html#">PLN</a></li>
							<li><a href="portfolio-dynamic-grid.html#">EUR</a></li>
						</ul>
					</div>
				</li>
			</ul>
		</div>

		<!-- Social Icons -->
		<div class="six columns">
			<ul class="social-icons">
				<li><a class="facebook" href="portfolio-dynamic-grid.html#"><i class="icon-facebook"></i></a></li>
				<li><a class="twitter" href="portfolio-dynamic-grid.html#"><i class="icon-twitter"></i></a></li>
				<li><a class="dribbble" href="portfolio-dynamic-grid.html#"><i class="icon-dribbble"></i></a></li>
				<li><a class="gplus" href="portfolio-dynamic-grid.html#"><i class="icon-gplus"></i></a></li>
				<li><a class="pinterest" href="portfolio-dynamic-grid.html#"><i class="icon-pinterest"></i></a></li>
			</ul>
		</div>

	</div>
</div>

<div class="clearfix"></div>


<!-- Header
================================================== -->
<div class="container">

	<!-- Logo -->
	<div class="four columns">
			<div id="logo">
				<h1><a href="index.html"><img src="images/logo.png" alt="Trizzy" /></a></h1>
			</div>
	</div>


	<!-- Additional Menu -->
	<div class="twelve columns">
		<div id="additional-menu">
			<ul>
				<li><a href="shopping-cart.html">Shopping Cart</a></li>
				<li><a href="wishlist.html">WishList <span>(2)</span></a></li>
				<li><a href="checkout-billing-details.html">Checkout</a></li>
				<li><a href="my-account.html">My Account</a></li>
			</ul>
		</div>
	</div>


	<!-- Shopping Cart -->
	<div class="twelve columns">

		<div id="cart">

			<!-- Button -->
			<div class="cart-btn">
				<a href="portfolio-dynamic-grid.html#" class="button adc">$178.00</a>
			</div>

			<div class="cart-list">

			<div class="arrow"></div>

				<div class="cart-amount">
					<span>2 items in the shopping cart</span>
				</div>

					<ul>
						<li>
							<a href="portfolio-dynamic-grid.html#"><img src="images/small_product_list_08.jpg" alt="" /></a>
							<a href="portfolio-dynamic-grid.html#">Converse All Star Trainers</a>
							<span>1 x $79.00</span>
							<div class="clearfix"></div>
						</li>

						<li>
							<a href="portfolio-dynamic-grid.html#"><img src="images/small_product_list_09.jpg" alt="" /></a>
							<a href="portfolio-dynamic-grid.html#">Tommy Hilfiger <br /> Shirt Beat</a>
							<span>1 x $99.00</span>
							<div class="clearfix"></div>
						</li>
					</ul>

				<div class="cart-buttons button">
					<a href="shopping-cart.html" class="view-cart" ><span data-hover="View Cart"><span>View Cart</span></span></a>
					<a href="checkout-billing-details.html" class="checkout"><span data-hover="Checkout">Checkout</span></a>
				</div>
				<div class="clearfix">

				</div>
			</div>

		</div>

		<!-- Search -->
		<nav class="top-search">
			<form action="portfolio-dynamic-grid.html#" method="get">
				<button><i class="fa fa-search"></i></button>
				<input class="search-field" type="text" placeholder="Search" value=""/>
			</form>
		</nav>

	</div>

</div>


<!-- Navigation
================================================== -->
<div class="container">
	<div class="sixteen columns">

		<a href="portfolio-dynamic-grid.html#menu" class="menu-trigger"><i class="fa fa-bars"></i> Menu</a>

		<nav id="navigation">
			<ul class="menu" id="responsive">

				<li><a href="index.html" class="homepage">Home</a></li>


				<li class="dropdown">
					<a href="portfolio-dynamic-grid.html#">Shop</a>
					<ul>
						<li><a href="shop-with-sidebar.html">Shop With Sidebar</a></li>
						<li><a href="shop-full-width.html">Shop Full Width</a></li>
						<li><a href="checkout-billing-details.html">Checkout Pages</a></li>
						<li><a href="shop-categories-grid.html">Categories Grid</a></li>
						<li><a href="single-product-page.html">Single Product Page</a></li>
						<li><a href="variable-product-page.html">Variable Product Page</a></li>
						<li><a href="wishlist.html">Wishlist Page</a></li>
						<li><a href="shopping-cart.html">Shopping Cart</a></li>
					</ul>
				</li>


				<li>
					<a href="portfolio-dynamic-grid.html#">Features</a>
					<div class="mega">
						<div class="mega-container">

							<div class="one-column">
								<ul>
									<li><span class="mega-headline">Example Pages</span></li>
									<li><a href="contact.html">Contact</a></li>
									<li><a href="about.html">About Us</a></li>
									<li><a href="services.html">Services</a></li>
									<li><a href="faq.html">FAQ</a></li>
									<li><a href="404-page.html">404 Page</a></li>
								</ul>
							</div>

							<div class="one-column">
								<ul>
									<li><span class="mega-headline">Featured Pages</span></li>
									<li><a href="index-2.html">Business Homepage</a></li>
									<li><a href="shop-with-sidebar.html">Default Shop</a></li>
									<li><a href="blog-masonry.html">Masonry Blog</a></li>
									<li><a href="variable-product-page.html">Variable Product</a></li>
									<li><a href="portfolio-dynamic-grid.html">Dynamic Grid</a></li>
								</ul>
							</div>

							<div class="one-column hidden-on-mobile">
								<ul>
									<li><span class="mega-headline">Paragraph</span></li>
									<li><p>This <a href="portfolio-dynamic-grid.html#">Mega Menu</a> can handle everything. Lists, paragraphs, forms...</p></li>
								</ul>
							</div>

							<div class="one-fourth-column hidden-on-mobile">
								<a href="portfolio-dynamic-grid.html#" class="img-caption margin-reset">
									<figure>
										<img src="images/menu-banner-01.jpg" alt="" />
										<figcaption>
											<h3>Jeans</h3>
											<span>Pack for Style</span>
										</figcaption>
									</figure>
								</a>
							</div>

							<div class="one-fourth-column hidden-on-mobile">
								<a href="portfolio-dynamic-grid.html#" class="img-caption margin-reset">
									<figure>
										<img src="images/menu-banner-02.jpg" alt="" />
										<figcaption>
											<h3>Sunglasses</h3>
											<span>Nail the Basics</span>
										</figcaption>
									</figure>
								</a>
							</div>

							<div class="clearfix"></div>
						</div>
					</div>
				</li>


				<li class="dropdown">
					<a href="portfolio-dynamic-grid.html#" >Shortcodes</a>
					<ul>
						<li><a href="elements.html">Elements</a></li>
						<li><a href="typography.html">Typography</a></li>
						<li><a href="pricing-tables.html">Pricing Tables</a></li>
						<li><a href="icons.html">Icons</a></li>
					</ul>
				</li>


				<li class="dropdown">
					<a href="portfolio-dynamic-grid.html#" class="current">Portfolio</a>
					<ul>
						<li><a href="portfolio-3-columns.html">3 Columns</a></li>
						<li><a href="portfolio-4-columns.html">4 Columns</a></li>
						<li><a href="portfolio-dynamic-grid.html">Dynamic Grid</a></li>
						<li><a href="single-project.html">Single Project</a></li>
					</ul>
				</li>


				<li class="dropdown">
					<a href="portfolio-dynamic-grid.html#">Blog</a>
					<ul>
						<li><a href="blog-standard.html">Blog Standard</a></li>
						<li><a href="blog-masonry.html">Blog Masonry</a></li>
						<li><a href="blog-single-post.html">Single Post</a></li>
					</ul>
				</li>


				<li class="demo-button">
				  <a href="portfolio-dynamic-grid.html#">Get This Theme</a>
				</li>

			</ul>
		</nav>
	</div>
</div>


<!-- Titlebar
================================================== -->
<section class="titlebar">
<div class="container">
	<div class="sixteen columns">
		<h2>Dynamic Grid</h2>

		<nav id="breadcrumbs">
			<ul>
				<li><a href="portfolio-dynamic-grid.html#">Home</a></li>
				<li><a href="portfolio-dynamic-grid.html#">Portfolio</a></li>
				<li>Dynamic Grid</li>
			</ul>
		</nav>
	</div>
</div>
</section>


<!-- Content
================================================== -->

<!-- Container -->
<div class="container">

<!-- Filters -->
<div class="sixteen columns">
	<div id="filters" class="filters-dropdown">
		<ul class="option-set">
			<li class="active"><a href="portfolio-dynamic-grid.html#filter" class="selected" data-filter="*">All</a></li>
			<li><a href="portfolio-dynamic-grid.html#filter" data-filter=".accessories">Accessories</a></li>
			<li><a href="portfolio-dynamic-grid.html#filter" data-filter=".clothing">Clothing</a></li>
			<li><a href="portfolio-dynamic-grid.html#filter" data-filter=".technology">Technology</a></li>
			<li><a href="portfolio-dynamic-grid.html#filter" data-filter=".food">Food</a></li>
			<li><a href="portfolio-dynamic-grid.html#filter" data-filter=".other">Other</a></li>
		</ul>
	</div>
</div>
<div class="clearfix"></div>

<ul id="og-grid" class="og-grid">

	<!-- Project -->
	<li class="clothing others clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-01.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Retro Shoes</h5>
					<span>Clothing</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-01a.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Retro Shoes</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>

			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="ccessories clothing technology clickable">


		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-02.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Luxury Watch</h5>
					<span>Accessories</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-02a.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Luxury Watch</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>

			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="clothing accessories clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-03.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Coat Button</h5>
					<span>Clothing</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-03a.jpg" alt=""></li>
					<li><img src="images/portfolio/portfolio-03b.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Coat Button</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="other food clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-04.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Green Leaf</h5>
					<span>Other</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-04a.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Green Leaf</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="food other accessories clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-05.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Raspberries</h5>
					<span>Food</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-05a.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Raspberries</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="accessories clothing technology clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-06.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Fashion Glasses</h5>
					<span>Accessories</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-06a.jpg" alt=""></li>
					<li><img src="images/portfolio/portfolio-06b.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Fashion Glasses</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="technology other clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-07.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>RPM Tachometer</h5>
					<span>Technology</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-07a.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>RPM Tachometer</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="technology other clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-08.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Old Plane Propeller</h5>
					<span>Technology</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
						<li><img src="images/portfolio/portfolio-08a.jpg" alt=""></li>
						<li><img src="images/portfolio/portfolio-08b.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Old Plane Propeller</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="other clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-09.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Little Pitbull’s Look</h5>
					<span>Other</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-09a.jpg" alt=""></li>
					<li><img src="images/portfolio/portfolio-09b.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Little Pitbull’s Look</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="other technology clickable">


		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-10.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Modern Building</h5>
					<span>Other</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-10a.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Modern Building</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="other accessories clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-11.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Pine Cone in Forest</h5>
					<span>Other</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-11a.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Pine Cone in Forest</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>

				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

	<!-- Project -->
	<li class="accessories clothing clickable">

		<a href="portfolio-dynamic-grid.html#" class="grid-item-image">
			<div class="dynamic-portfolio-holder">
				<img src="images/portfolio/portfolio-12.jpg" alt=""/>
				<div class="hover-cover"></div>
				<div class="hover-icon"></div>
				<div class="hover-desc">
					<h5>Headphone Jack</h5>
					<span>Technology</span>
				</div>
			</div>
		</a>

		<div class="og-expander">
			<div class="flexslider gridslider">
				<ul class="slides">
					<li><img src="images/portfolio/portfolio-12a.jpg" alt=""></li>
				</ul>
			</div>

			<span class="og-close"></span>
			<div class="og-details">
				<h3>Headphone Jack</h3>
				<p>Nullam mollis sed purus id placerat. Aliquam non sem dui. Aenean ac consequat sem. Duis in interdum massa. Etiam sodales, est non luctus mollis, nisl nisi aliquam.</p>
				<p>Donec sit amet luctus nulla. Etiam bibendum fringilla convallis. Integer porta mi lorem, ut malesuada lorem vehicula lorem dolor. Morbi vitae egestas dolor.</p>
				
				<!-- Share Buttons -->	
				<div class="share-buttons">
					<ul>
						<li><a href="portfolio-dynamic-grid.html#">Share</a></li>
						<li class="share-facebook"><a href="portfolio-dynamic-grid.html#">Facebook</a></li>
						<li class="share-twitter"><a href="portfolio-dynamic-grid.html#">Twitter</a></li>
						<li class="share-gplus"><a href="portfolio-dynamic-grid.html#">Google Plus</a></li>
						<li class="share-pinit"><a href="portfolio-dynamic-grid.html#">Pin It</a></li>
					</ul>
				</div>
				
			</div>
		</div>
	</li>

</ul>

</div>
<!-- Container / End -->

<div class="margin-top-30"></div>

<!-- Footer
================================================== -->
<div id="footer">

	<!-- Container -->
	<div class="container">

		<div class="four columns">
			<img src="images/logo-footer.png" alt="" class="margin-top-10"/>
			<p class="margin-top-15">Nulla facilisis feugiat magna, ut molestie metus hendrerit vitae. Vivamus tristique lectus at varius rutrum. Integer lobortis mauris non consectetur eleifend.</p>
		</div>

		<div class="four columns">

			<!-- Headline -->
			<h3 class="headline footer">Customer Service</h3>
			<span class="line"></span>
			<div class="clearfix"></div>

			<ul class="footer-links">
				<li><a href="portfolio-dynamic-grid.html#">Order Status</a></li>
				<li><a href="portfolio-dynamic-grid.html#">Payment Methods</a></li>
				<li><a href="portfolio-dynamic-grid.html#">Delivery & Returns</a></li>
				<li><a href="portfolio-dynamic-grid.html#">Privacy Policy</a></li>
				<li><a href="portfolio-dynamic-grid.html#">Terms & Conditions</a></li>
			</ul>

		</div>

		<div class="four columns">

			<!-- Headline -->
			<h3 class="headline footer">My Account</h3>
			<span class="line"></span>
			<div class="clearfix"></div>

			<ul class="footer-links">
				<li><a href="portfolio-dynamic-grid.html#">My Account</a></li>
				<li><a href="portfolio-dynamic-grid.html#">Order History</a></li>
				<li><a href="portfolio-dynamic-grid.html#">Wish List</a></li>
			</ul>

		</div>

		<div class="four columns">

			<!-- Headline -->
			<h3 class="headline footer">Newsletter</h3>
			<span class="line"></span>
			<div class="clearfix"></div>
			<p>Sign up to receive email updates on new product announcements, gift ideas, special promotions, sales and more.</p>

			<form action="portfolio-dynamic-grid.html#" method="get">
				<button class="newsletter-btn" type="submit">Join</button>
				<input class="newsletter" type="text" placeholder="mail@example.com" value=""/>
			</form>
		</div>

	</div>
	<!-- Container / End -->

</div>
<!-- Footer / End -->

<!-- Footer Bottom / Start -->
<div id="footer-bottom">

	<!-- Container -->
	<div class="container">

		<div class="eight columns">© Copyright 2014 by <a href="portfolio-dynamic-grid.html#">trizzy</a>. All Rights Reserved.</div>
		<div class="eight columns">
			<ul class="payment-icons">
				<li><img src="images/visa.png" alt="" /></li>
				<li><img src="images/mastercard.png" alt="" /></li>
				<li><img src="images/skrill.png" alt="" /></li>
				<li><img src="images/moneybookers.png" alt="" /></li>
				<li><img src="images/paypal.png" alt="" /></li>
			</ul>
		</div>

	</div>
	<!-- Container / End -->

</div>
<!-- Footer Bottom / End -->

<!-- Back To Top Button -->
<div id="backtotop"><a href="portfolio-dynamic-grid.html#"></a></div>

</div>


<!-- Java Script
================================================== -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="scripts/jquery.jpanelmenu.js"></script>
<script src="scripts/jquery.themepunch.plugins.min.js"></script>
<script src="scripts/jquery.themepunch.revolution.min.js"></script>
<script src="scripts/jquery.themepunch.showbizpro.min.js"></script>
<script src="scripts/jquery.magnific-popup.min.js"></script>
<script src="scripts/hoverIntent.js"></script>
<script src="scripts/superfish.js"></script>
<script src="scripts/jquery.pureparallax.js"></script>
<script src="scripts/jquery.pricefilter.js"></script>
<script src="scripts/jquery.selectric.min.js"></script>
<script src="scripts/jquery.royalslider.min.js"></script>
<script src="scripts/SelectBox.js"></script>
<script src="scripts/modernizr.custom.js"></script>
<script src="scripts/waypoints.min.js"></script>
<script src="scripts/jquery.flexslider-min.js"></script>
<script src="scripts/jquery.counterup.min.js"></script>
<script src="scripts/jquery.tooltips.min.js"></script>
<script src="scripts/jquery.isotope.min.js"></script>
<script src="scripts/puregrid.js"></script>
<script src="scripts/stacktable.js"></script>
<script src="scripts/custom.js"></script>


<!-- Style Switcher
================================================== -->
<script src="scripts/switcher.js"></script>

<div id="style-switcher">
	<h2>Style Switcher <a href="portfolio-dynamic-grid.html#"></a></h2>
	
	<div><h3>Predefined Colors</h3>
		<ul class="colors" id="color1">
			<li><a href="portfolio-dynamic-grid.html#" class="green" title="Green"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="blue" title="Blue"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="orange" title="Orange"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="navy" title="Navy"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="yellow" title="Yellow"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="peach" title="Peach"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="beige" title="Beige"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="purple" title="Purple"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="celadon" title="Celadon"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="pink" title="Pink"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="red" title="Red"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="brown" title="Brown"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="cherry" title="Cherry"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="cyan" title="Cyan"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="gray" title="Gray"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="darkcol" title="Dark"></a></li>
		</ul>
		
		<h3>Layout Style</h3>
		<div class="layout-style">
			<select id="layout-style"> 
				<option value="1">Boxed</option>
				<option value="2">Wide</option>
			</select>
		</div>
	
	<h3>Background Image</h3>
		 <ul class="colors bg" id="bg">
			<li><a href="portfolio-dynamic-grid.html#" class="bg1"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg2"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg3"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg4"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg5"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg6"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg7"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg8"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg9"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg10"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg11"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg12"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg13"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg14"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg15"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="bg16"></a></li>
		</ul>
		
	<h3>Background Color</h3>
		<ul class="colors bgsolid" id="bgsolid">
			<li><a href="portfolio-dynamic-grid.html#" class="green-bg" title="Green"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="blue-bg" title="Blue"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="orange-bg" title="Orange"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="navy-bg" title="Navy"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="yellow-bg" title="Yellow"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="peach-bg" title="Peach"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="beige-bg" title="Beige"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="purple-bg" title="Purple"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="red-bg" title="Red"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="pink-bg" title="Pink"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="celadon-bg" title="Celadon"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="brown-bg" title="Brown"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="cherry-bg" title="Cherry"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="cyan-bg" title="Cyan"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="gray-bg" title="Gray"></a></li>
			<li><a href="portfolio-dynamic-grid.html#" class="dark-bg" title="Dark"></a></li>
		</ul>
	</div>
	
	<div id="reset"><a href="portfolio-dynamic-grid.html#" class="button color">Reset</a></div>
		
</div>


</body>
</html>